// 按钮控制全局指令

// 指令
import Vue from 'vue'
import store from '@/store'
Vue.directive('checkBtn', {
  // 指令挂载的元素完成渲染时自动执行的钩子函数
  inserted(el, binding) {
    // el: 指令绑定的dom元素
    // binding.value: 指令等于号后面的表达式的值  v-checkBtn = "abc"
    console.log(el, binding.value)
    // 控制按钮的显示和隐藏
    // 核心判断：当前按钮的权限标识能否在points中找到 找到 显示 找不到 隐藏
    const points = store.state.user.userInfo.roles.points
    if (!points.includes(binding.value)) {
      // 没找到 按钮移除 dom层面干掉 不是css层面
      el.parentNode.removeChild(el)
    }
  }
})

// 拓展：改造成插件的注册写法
